簡介:本課程將使用sass和requirejs來開發(fā)一個側(cè)欄工具條。思考工具條的原理,并用三種方式實現(xiàn)。在開發(fā)的過程中,您將學會sass的使用方法,用它更好的書寫css;了解requirejs的基本知識,寫出模塊化的代碼,方便以后的復用;掌握如何用CSS3完成簡單的動畫效果,讓網(wǎng)頁不再單調(diào)。
第1章 課前準備
本章介紹了sass和requirejs的相關(guān)知識,工欲善其事,必先利其器
第2章 使用背景圖片的方式
本章介紹了工具條的第一種實現(xiàn)方式--使用背景圖片的方式
第3章 使用圖標字體的方式
本章介紹了工具條的第二種實現(xiàn)方式--使用圖標字體的方式
第4章 利用before和after偽類的方式
本章介紹了工具條的第三種實現(xiàn)方式--利用before和after偽類的方式
第5章 JS實現(xiàn)返回頂部按鈕功能
為返回頂部按鈕添加JS,并將功能抽象成模塊。